// react + ts

type Props = {
    className: string
    children: React.ReactNode
  }
  
  function Button(props: Props) {
    const { className, children } = props
    return (
      <button className={className}>{children}</button>
    )
  }
  function App() {
    return (
      <>
        <Button className='btn1'>click me</Button>
        <Button className='btn2'>
          <span>this is span</span>
        </Button>
      </>
    )
  }
  
  export default App
  